<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>我的商品 - 二手平台</title>
    <link rel="stylesheet" href="css/style.css">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品详情</title>
    <style>
        .product-container {
            max-width: 800px;
            margin: 0 auto;
            padding: 20px;
            font-family: Arial, sans-serif;
        }
        .product-image {
            width: 100%;
            max-height: 500px;
            object-fit: contain;
            border: 1px solid #ddd;
            margin-bottom: 20px;
        }
        .product-info {
            padding: 15px;
            background-color: #f9f9f9;
        }
        .product-title {
            font-size: 24px;
            color: #333;
            margin-bottom: 10px;
        }
        .product-price {
            font-size: 20px;
            color: #e74c3c;
            font-weight: bold;
            margin: 10px 0;
        }
        .product-desc {
            line-height: 1.6;
            color: #666;
        }
    </style>
</head>
<body>
<nav>
    <a href="/index.html">首页</a>
    <a href="/products.html">浏览商品</a>
    <a href="/publish.html">发布商品</a>
    <a href="/dashboard.html">我的商品</a>
    <a href="#" id="logoutBtn">退出登录</a>
</nav>
<div class="container">
    <h2>我发布的商品</h2>
    <div id="myProducts"></div>
</div>
<script src="js/api.js"></script>
<script src="js/dashboard.js"></script>
<div class="product-container">
    <img src="images/pg.png" alt="商品图片" class="product-image">
    <div class="product-info">
        <h1 class="product-title">商品名称</h1>
        <div class="product-price">¥999.00</div>
        <div class="product-desc">
            <p>这里是商品的详细描述内容，可以包含商品的特点、规格参数、使用方法等信息。</p>
            <p>更多补充说明...</p>
        </div>
    </div>
</div>
<div class="product-container">
    <img src="images/pg2.png" alt="商品图片" class="product-image">
    <div class="product-info">
        <h1 class="product-title">商品名称</h1>
        <div class="product-price">¥999.00</div>
        <div class="product-desc">
            <p>这里是商品的详细描述内容，可以包含商品的特点、规格参数、使用方法等信息。</p>
            <p>更多补充说明...</p>
        </div>
    </div>
</div>
</body>
</html>
